<template>
  <div class="bg">
    <nav-com
        title="开店小店赚大钱"
        @back="backHandler()"
    >
    </nav-com>
    <div
    >
     <div class="shoptitle">开通线上5G小店</div>
      <div class="shoptable">
        <div class="shoptable-row">
          <div class="shoptable-col shoptable-col-top"><img src="../../assets/myserive/dkw_dengji.png" style="width: 14px;margin-right: 6px;" alt="">会员级别</div>
          <div class="shoptable-col shoptable-col-top"><img src="../../assets/myserive/qifeijiaona.png" style="width: 14px;margin-right: 6px;" alt="">缴纳押金</div>
          <div class="shoptable-col shoptable-col-top"><img src="../../assets/myserive/quanyi.png" style="width: 14px;margin-right: 6px;" alt="">权益</div>
        </div>
        <div class="shoptable-row">
          <div class="shoptable-col">普通会员、商品会员</div>
          <div class="shoptable-col">¥999</div>
          <div class="shoptable-col">购买品牌专区产品，成为推广员。</div>
        </div>
        <div class="shoptable-row">
          <div class="shoptable-col" style="background: #F3F0E9;">代言人、推广员</div>
          <div class="shoptable-col" style="background: #F3F0E9;">¥499</div>
          <div class="shoptable-col" style="background: #F3F0E9;">生成分享海报</div>
        </div>
        <div class="shoptable-row">
          <div class="shoptable-col">一星网店及以上级别</div>
          <div class="shoptable-col">免费</div>
          <div class="shoptable-col"></div>
        </div>
      </div>
    </div>
    <div class="shoptishi">
      <div class="tishititle">
        提示：
      </div>
      <div class="tishicontent">
        如果你的等级没有到一星网店主级别，开通5G小店需要缴纳499元押金，共享13万私域流量，可裂变13万人私域用户到微信朋友圈等，每人仅需分享100人，可以有1300万人。
      </div>
    </div>
  </div>
</template>
<script>
import {
  getOrders,
  getOrders2,
  putOrders,
  cancelOrderApi,
  putselfWithdrawal,
  orderConfirm,
} from "@/api/api";
import navCom from "@/component/nav";
import { Toast } from "vant";
export default {
  name: "orders",
  components: {
    navCom,
  },
  data() {
    return {
    };
  },
  filters: {
    /*
        时间格式自定义 只需把字符串里面的改成自己所需的格式
        */
    formatDateTime: function (date) {
      var date = new Date(date * 1000);
      var month = date.getMonth() + 1;
      var strDate = date.getDate();
      if (month >= 1 && month <= 9) {
        month = "0" + month;
      }
      if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
      }
      var Hours = date.getHours();
      if (Hours >= 0 && Hours <= 9) {
        Hours = "0" + Hours;
      }
      var Minutes = date.getMinutes();
      if (Minutes >= 0 && Minutes <= 9) {
        Minutes = "0" + Minutes;
      }
      var Seconds = date.getSeconds();
      if (Seconds >= 0 && Seconds <= 9) {
        Seconds = "0" + Seconds;
      }
      var currentDate =
          date.getFullYear() +
          "-" +
          month +
          "-" +
          strDate +
          " " +
          Hours +
          ":" +
          Minutes +
          ":" +
          Seconds;
      return currentDate;
    },
  },
  mounted() {

  },
  methods: {
    //返回
    backHandler() {
      if (weixin.isAndroid()) {
        window.JS_TROOPS.goBack();
      } else {
        this.$router.go(-1);
      }
    }
  },
};
</script>
<style scoped>
p {
  padding: 0;
  margin: 0;
}
.bg {
  background: url(../../assets/myserive/bg_kaidian.png) no-repeat center;
  background-size: 100%;
  min-height: 100vh;
}
.shoptitle{
  margin: 10vw auto 8vw;
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #010101;
  line-height: 30px;
  text-align: center;
}
.shoptable{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 6vw;
  background: rgba(255,255,255,0.9);
  border-radius: 4px;
  border: 1px solid #89856F;
}
.shoptable-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.shoptable-col{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  padding: 17px 14px;
  border-right: 1px solid #89856F;
  border-bottom: 1px solid #89856F;
  min-height: 8vh;
}
.shoptable-col-top{
  min-height: 4vh;
  background:  linear-gradient(180deg, #A6A28E 0%, #6D6955 100%);
  color: #fff;
}
.shoptishi{
  margin: 2vh 6vw;
}
.tishititle{
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #101010;
  line-height: 28px;
}
.tishicontent{
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #101010;
  line-height: 17px;
  text-align: justify;
}
</style>
